﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="LogOn.aspx.cs" Inherits="AB.Service_Directory.Design.LogOn" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>LogOn - Services Directory</title>
    <link rel="stylesheet" type="text/css" href="style/reset.css" /> 
    <link rel="stylesheet" type="text/css" href="style/root.css" /> 
    <link rel="stylesheet" type="text/css" href="style/grid.css" /> 
    <link rel="stylesheet" type="text/css" href="style/typography.css" /> 
    <link rel="stylesheet" type="text/css" href="style/jquery-ui.css" />
    <link rel="stylesheet" type="text/css" href="style/jquery-plugin-base.css" />

    <!--[if IE 7]>	<link rel="stylesheet" type="text/css" href="style/ie7-style.css" />	<![endif]-->
    
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.8.11.custom.min.js"></script>
	<script type="text/javascript" src="js/jquery-settings.js"></script>
	<script type="text/javascript" src="js/toogle.js"></script>
	<script type="text/javascript" src="js/jquery.tipsy.js"></script>
	<script type="text/javascript" src="js/jquery.uniform.min.js"></script>
	<script type="text/javascript" src="js/jquery.wysiwyg.js"></script>
	<script type="text/javascript" src="js/jquery.tablesorter.min.js"></script>
	<script type="text/javascript" src="js/raphael.js"></script>
	<script type="text/javascript" src="js/analytics.js"></script>
	<script type="text/javascript" src="js/popup.js"></script>
	<script type="text/javascript" src="js/fullcalendar.min.js"></script>
	<script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
	<script type="text/javascript" src="js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="js/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="js/jquery.ui.slider.js"></script>
	<script type="text/javascript" src="js/jquery.ui.datepicker.js"></script>
	<script type="text/javascript" src="js/jquery.ui.tabs.js"></script>
	<script type="text/javascript" src="js/jquery.ui.accordion.js"></script>
</head>
<body>
    <form id="LoginForm" runat="server">
    <div style="position:fixed; left:0;box-shadow:0px 1px 2px #D6D6D6; top:200px; background:#fff; border:1px solid #D6D6D6;  border-bottom-right-radius: 11px;   border-top-right-radius: 11px;border-left:none; color:#5594C2; font-size:11px; font-weight:bold; padding:19px; text-align:center;">
	<div style="border-bottom:1px solid #D6D6D6; padding-bottom:9px; margin-bottom:10px;"><img src="mobile/slidenormal/monologo.png" width="63" height="21" alt="img"/></div>
    <div style="border-bottom:1px solid #E3E3E3; padding-bottom:9px;">view style</div><br />
	<a href="index.html" class="tips-right" title="View Cupcake Web" style="display:block; margin-bottom:10px;"><img src="mobile/slidenormal/web.png" width="70" height="72" alt="img"/></a>
	<a href="mobile/index.html" class="tips-right" title="View Cupcake Mobile" style="display:block;"><img src="mobile/slidenormal/mobile.png" width="70" height="72" alt="img"/></a>
    </div>

    <div class="loginform">
    	<div class="title"> <img src="img/logo.png" width="112" height="35" /></div>
        <div class="body">
       	  <form id="form2" name="form1" method="post" action="index.html">
          	<label class="log-lab">Username</label>
            <input name="textfield" type="text" class="login-input-user" id="textfield" value="Admin"/>
          	<label class="log-lab">Password</label>
            <input name="textfield" type="password" class="login-input-pass" id="textfield" value="Password"/>
            <input type="submit" name="button" id="button" value="Login" class="button"/>
       	  </form>
        </div>
    </div>
    </form>
</body>
</html>
